<template>
    <div>
        <TypeNav></TypeNav>
        <ListContainer></ListContainer>
        <Recommend></Recommend>
        <Rank></Rank>
        <Like></Like>
        <Floor v-for="(floor,index) in floorList" :key="floor.id" :list="floor"></Floor>
        <Brand></Brand>

    </div>
</template>
<script>
    // 引入其余的组件
    import ListContainer from '@/pages/Home/ListContainer'
    import Recommend from '@/pages/Home/Recommend'
    import Rank from '@/pages/Home/Rank'
    import Like from '@/pages/Home/Like'
    import Floor from '@/pages/Home/Floor'
    import Brand from '@/pages/Home/Brand'
    import { mapState } from 'vuex'

    export default {
        name: 'Home',
        components: {
            ListContainer,
            Recommend,
            Rank,
            Like,
            Floor,
            Brand
        },
        mounted() {
            this.$store.dispatch('getFloorList')
            // 获取用户信息在首页展示


        },
        computed: {
            ...mapState({
                floorList: (state) => {
                    return state.home.floorList
                }
            })
        }

    }
</script>
<style lang="">

</style>